<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/layout/layout.xhtml">

	<ui:define name="content">
		<h:form id="form">
			<p:panel header="#{nouveauProduitControler.labelPage}">
				<h:panelGrid columns="3" cellpadding="1" columnClasses="label, input, message">
					
					<h:outputLabel for="nom" value="Nom" />
					<h:inputText id="nom"
						value="#{nouveauProduitControler.produit.nom}"
						label="Nom">
					</h:inputText>
					<p:message for="nom" />
					
					<h:outputLabel for="reference" value="Reference" />
					<h:inputText id="reference"
						value="#{nouveauProduitControler.produit.reference}"
						label="Reference">
					</h:inputText>
					<p:message for="reference" />
					
					<h:outputLabel for="categorie" value="Categorie" />
					<h:selectOneMenu id="categorie"
						value="#{nouveauProduitControler.produit.categorie}">
						<f:selectItems value="#{listeCategorieControler.categories}"
							var="categorie" itemValue="#{categorie}" itemLabel="#{categorie.nom}" />
						<f:converter converterId="categorieConverter" />
					</h:selectOneMenu>
					<p:message for="categorie" />
								        
					<h:outputLabel for="prix" value="Prix" />
					<h:inputText id="prix"
						value="#{nouveauProduitControler.produit.prix}"
						label="Prix">
					</h:inputText>
					<p:message for="prix" />
					
					<h:outputLabel for="collection" value="Collection" />
					<h:selectOneMenu id="collection"
						value="#{nouveauProduitControler.produit.collection}">
						<f:selectItems value="#{applicationControler.collections}"
							var="collection" itemValue="#{collection}" itemLabel="#{collection.nom}" />
					</h:selectOneMenu>
					<p:message for="collection" />
					
					<h:outputLabel for="saison" value="Saison" />
					<h:selectOneMenu id="saison" value="#{nouveauProduitControler.produit.saison}">
					<f:selectItems value="#{listeSaisonControler.saisons}"
						var="saison" itemValue="#{saison}" itemLabel="#{saison.label}" />
					<f:converter converterId="saisonConverter" />
					</h:selectOneMenu>

				</h:panelGrid>
			</p:panel>
			
			<p:panel style="text-align: center">
				<p:commandButton
					action="#{nouveauProduitControler.ajouterProduit}"
					value="Valider" ajax="false" />
				<p:commandButton action="#{nouveauProduitControler.annuler}"
					value="Annuler" ajax="false" immediate="true"
					style="margin-left:5px" />
			</p:panel>

		</h:form>
		
	</ui:define>
</ui:composition>